@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Roboto", serif;
    font-size: 16px;
    font-weight: 400;
}

a {
    text-decoration: none;
}

.soft {
    margin-top: 20px;
    font-size: 25px;
}


.container {
    width: 1400px;
    margin: 0 auto;
}

.name {
    font-size: 35px;
}

.osebe {
    margin-left: 300px;
    margin-top: 70px;
}

.row {
    display: block;
}

.row::after {
    content: '';
    display: block;
    clear: both;
}

.red {background-color: red;}
.green {background-color: green;}
.blue {background-color: blue;}


.w33 {
    width: 33.333333%;
    float: left;
    padding: 20px;
}

.w50 {
    width: 50%;
    float: left;
    padding: 20px;
}

.res-img {
    max-width: 100%;
    height: auto;
}

.w100 {
    width: 100%;
    padding: 20px;
}

.head {
    width: 100%;
    height: 100px;
    background-color: turquoise;
}

.logo {
    height: 100px;
    border-radius: 50px;
    margin-left: 50px;
}

.logoo {
    height: 100px;
    border-radius: 50px;
    margin-left: 1650px;
    
}

.card {
    border-radius: 50px;
    overflow: hidden;
}

.card-title {
    height: 60px;
    background-color:  turquoise;
    color: white;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    margin-top: -5px;
}

.container_sianie {
    text-align: center;
    padding: 300px;
    font-size: 60px;
    min-height: 100vh;
    color: white;

    background-color: red;
    background-image: url(https://opis-cdn.tinkoffjournal.ru/mercury/main_travel_teriberka_-denis-belitsky_shutterstock.qr6v7i4k8l6v.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}